<extend name="Public/located_base" />
<block name="body">
    <style>
        input[type=number] {
            -moz-appearance:textfield;
        }
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    </style>
<div class="container">
    <div class="row ruzhu1 ruzhu">
      <div class="col-xs-12">
        <div class="heads">
          <ul class="after">
            <li>
              <div class="txt">入驻须知</div>
              <p class="block"></p>
              <div class="img"><span class="has">1</span></div>
            </li>
            <li>
              <div class="txt current">商家认证</div>
              <p class="block"></p>
              <div class="img"><span>2</span></div>
            </li>
            <li>
              <div class="txt">商家信息</div>
              <p class="block"></p>
              <div class="img"><span>3</span></div>
            </li>
            <li>
              <div class="txt">审核结果</div>
              <p class="block"></p>
              <div class="img"><span>4</span></div>
            </li>
          </ul>
          <div class="line"></div>
        </div>

        <!--表格-->
        <form class="formlists J_bank_info" id="bank_form" action="__SELF__" method="post">
          <!--提醒图片格式-->
          <div class="notice"><img src="__IMG__/settle/notice.png" alt="" />以下所需要上传的电子版资质文件仅支持JPG/GIF/PNG格式图片，大小请控制在1M之内。</div>
          <div class="login-form after">
            <legend>开户行信息</legend>
            <div class="col-xs-12 form-horizontal">
              <fieldset>
                <div class="form-group">
                  <label class="col-xs-4 control-label">银行开户名</label>
                  <div class="col-xs-5">
                    <input type="text" name="bank_account_name" class="form-control" placeholder="请输入银行开户名"  errormsg="银行开户名为2-50位" nullmsg="请输入银行开户名" datatype="*2-50"/>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">公司银行账号</label>
                  <div class="col-xs-5">
                    <input type="text" name="bank_account_number" class="form-control" placeholder="请输入公司银行账号"  errormsg="公司银行账号为5-25位数字" nullmsg="请输入公司银行账号" datatype="*5-25" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">开户银行支行名称</label>
                  <div class="col-xs-5">
                    <input type="text" name="bank_name" class="form-control" placeholder="请输入开户银行支行名称"  errormsg="开户银行支行名称为2-50位" nullmsg="请输入开户银行支行名称" datatype="*2-50" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">支行银行号</label>
                  <div class="col-xs-5">
                    <input type="text" name="bank_code" class="form-control"  onkeyup="this.value=this.value.replace(/\D/g,'')"  maxlength="21"  placeholder="请输入支行银行号"  errormsg="支行银行号为5-25位数字" nullmsg="请输入支行银行号" datatype="*5-25" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">开户银行所在地</label>
                  <div class="col-xs-8" id="J_account_area"><label><span class="tips">加载中...</span></label></div>
                </div>
                
                <div class="form-group">
                  <label class="col-xs-4 control-label">开户许可电子版</label>
                  <div class="col-xs-8">
                      <span class="icon btn-upload" id="J_upload_add">
			            {:hook('uploadImages', array('name' => 'bank_licence_electronic', 'tpl' => 'baidu/ones'))}
			          </span>
			          <span class="tips">请确保图片清晰。文字可辨并且清晰的公章信息。</span>
			      </div>
                </div>
                
                <div class="form-group">
                  <label class="col-xs-4 control-label">　</label>
                  <div class="checkbox">
                      <label>
                          <input type="checkbox" name="is_settlement_account" id="isMerge" value="1">设置为结算账号
                      </label>
                    </div>
                </div>
              </fieldset>
            </div>
          </div>
          <!--结算账号信息-->
          <div class="login-form after J_accounts">
            <legend>结算账号信息</legend>
            <div class="col-xs-12 form-horizontal">
              <fieldset>
                <div class="form-group">
                  <label class="col-xs-4 control-label">银行开户名</label>
                  <div class="col-xs-5">
                    <input type="text" name="settlement_bank_account_name" class="form-control"  placeholder="请输入银行开户名"  errormsg="银行开户名为2-50位" nullmsg="请输入银行开户名" datatype="*2-50"/>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">公司银行账号</label>
                  <div class="col-xs-5">
                    <input type="text" name="settlement_bank_account_number" class="form-control" placeholder="请输入公司银行账号"  errormsg="公司银行账号为n5-25位" nullmsg="请输入公司银行账号" datatype="*5-25" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">开户银行支行名称</label>
                  <div class="col-xs-5">
                    <input type="text" name="settlement_bank_name" class="form-control" placeholder="请输入开户银行支行名称"  errormsg="开户银行支行名称为2-50位" nullmsg="请输入开户银行支行名称" datatype="s2-50" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">支行银行号</label>
                  <div class="col-xs-5">
                    <input type="text" name="settlement_bank_code" onkeyup="this.value=this.value.replace(/\D/g,'')"  class="form-control" placeholder="请输入支行银行号" maxlength="21"  errormsg="支行银行号为n5-25位数字" nullmsg="请输入支行银行号" datatype="*5-25" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">开户银行所在地</label>
                  <div class="col-xs-8" id="J_settlement_area"><label><span class="tips">加载中...</span></label></div>
                </div>
              </fieldset>
            </div>
          </div>
          <!--税务登记证-->
          <div class="login-form after">
            <legend>税务登记证</legend>
            <div class="col-xs-12 form-horizontal">
              <fieldset>
                <div class="form-group">
                  <label class="col-xs-4 control-label">税务登记证号</label>
                  <div class="col-xs-5">
                    <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" name="tax_registration_certificate" class="form-control"  placeholder="请输入税务登记证号"  errormsg="税务登记证号为2-50位" nullmsg="请输入税务登记证号" datatype="*2-50" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">纳税人识别号</label>
                  <div class="col-xs-5">
                    <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" name="taxpayer_id" class="form-control"  placeholder="请输入纳税人识别号"  errormsg="纳税人识别号为2-50位" nullmsg="请输入纳税人识别号" datatype="*2-50" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">税务登记证电子版</label>
                  <div class="col-xs-8">
                      <span class="icon btn-upload" id="J_upload_add">
                        {:hook('uploadImages', array('name' => 'tax_registration_certificate_electronic', 'tpl' => 'baidu/ones'))}
                      </span>
                      <span class="tips">请确保图片清晰。文字可辨并且清晰的公章信息。</span>
                  </div>
                </div>
                <div class="form-group btnbox">
                  <div class="col-xs-2 col-xs-offset-2">
                    <button class="btn btn-block btn-add J_back">上一步</button>
                  </div>
                  <div class="col-xs-5 ">
                    <button class="btn btn-block btn-positive" id="btn_apply_next">下一步</button>
                  </div>
                </div>
              </fieldset>
            </div>
          </div>

        </form>
      </div>
    </div>
  </div>
    <script type="text/javascript">
    seajs.use(['settle'], function(settle){
        settle.bank();
    });
  </script>
</block>